<!DOCTYPE html>
 <html>

 <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
     <script src="/public/asserts/lib/less.js" type="text/javascript"></script>
     <link rel="stylesheet" href="/public/asserts/lib//bootstrap-3.3.7/dist/css/bootstrap.css" />
     <style>
         * {
             font-family: "microsoft yahei";
         }

         /**导航的背景色**/
         .navbar-bgcolor {
             background: #269ABC;
         }
         .navbar-color {
             color:#fff !important;
         }
         /*右边退出点击 背景颜色*/
         .open >  a:focus{background: #269ABC !important;}

         h3 {
             margin: 0;
             padding: 0;
         }
         .panel-group .panel{
             border-radius:0px;
         }
         .panel-group a{text-decoration:none;color:black;}
         .panel-group li a,li{color:#269ABC;}
         .panel-group .panel + .panel{
             margin-top:0px;
             border-top:0px;
         }


     </style>

 </head>

 <body>
 <!--container 设置了宽度 container-fluid 没有-->
 <nav class="navbar navbar-default navbar-fixed-top navbar-bgcolor">
     <div class="container-fluid">

         <div class="navbar-left navbar-btn">
             <h3><span class="label ">后台管理系统</span></h3></div>
         <div class="navbar-left navbar-btn">
             <!-- 填充导航浮动的区域 -->
         </div>
         <ul class="nav navbar-nav navbar-right ">
             <li class="dropdown">
                 <a href="#" class="dropdown-toggle navbar-color" data-toggle="dropdown" >操作 <span class="caret"></span></a>
                 <ul class="dropdown-menu">
                     <li><a href="#">Action</a></li>
                     <li><a href="#">Another action</a></li>
                     <li><a href="#">Something else here</a></li>
                     <li  class="divider"></li>
                     <li><a href="#">退出登录</a></li>
                 </ul>
             </li>
         </ul>
     </div>
 </nav>

 <nav class="navbar navbar-default">
 </nav>

 <div class="container-fluid">
     <div class="row">
         <!--
            	作者：1427047861@qq.com
            	时间：2017-03-07
            	描述：左侧导航栏
            -->
         <div class="col-md-2">

             <?php include_once "inc/spiderbar.php" ?>

         </div>

         <!--- 一般的编辑区域  --->
         <div class="col-md-10">
             <div class="panel panel-default">
                 <div class="panel-heading">
                     编辑文章
                 </div>
                 <div class="panel-body">
                     <form>
                         <div class="form-group">
                             <label for="">标题</label>
                             <input type="email" class="form-control"  placeholder="文章标题">
                         </div>
                         <div class="form-group">
                             <label for="">作者</label>
                             <input type="password" class="form-control"  placeholder="文章作者">
                             <p class="help-block">文章的作者</p>
                         </div>
                         <div class="form-group">
                             <label for="">标题</label>
                             <input type="email" class="form-control"  placeholder="文章标题">
                         </div>
                         <div class="form-group">
                             <label for="">作者</label>
                             <input type="password" class="form-control"  placeholder="文章作者">
                             <p class="help-block">文章的作者</p>
                         </div>
                         <div class="form-group">
                             <label for="">标题</label>
                             <input type="email" class="form-control"  placeholder="文章标题">
                         </div>
                         <div class="form-group">
                             <label for="">作者</label>
                             <input type="password" class="form-control"  placeholder="文章作者">
                             <p class="help-block">文章的作者</p>
                         </div>
                         <div class="form-group">
                             <label for="">标题</label>
                             <input type="email" class="form-control"  placeholder="文章标题">
                         </div>
                         <div class="form-group">
                             <label for="">作者</label>
                             <input type="password" class="form-control"  placeholder="文章作者">
                             <p class="help-block">文章的作者</p>
                         </div>

                         <button type="submit" class="btn btn-default">提交</button>
                     </form>
                 </div>
             </div>



         </div>
     </div>
 </div>

 <script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 <script src="/public/asserts/lib/bootstrap-3.3.7/dist/js/bootstrap.js"></script>


 <script>
     $(".collapse").collapse();
 </script>
 </body>

 </html>
